<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="author" content="ThemeFuse"/>
    <meta name="keywords" content=""/>
    <title>scream - 联系我们!</title>
    <link href='http://fonts.googleapis.com/css?family=Lato:400italic,400,700|Bitter' rel='stylesheet' type='text/css'/>
    <link href="style.css" media="screen" rel="stylesheet" type="text/css"/>
    <link href="styles/orange-blue.css" media="screen" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/general.js"></script>
    <script type="text/javascript" src="js/jquery.tools.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/slides.min.jquery.js"></script>
    <link href="css/cusel.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/cusel-min.js"></script>
    <script type="text/javascript" src="js/jScrollPane.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            var params = {
                changedEl: ".select_styled",
                visRows: 15,
                scrollArrows: true
            }
            cuSel(params);
        });
    </script>
    <script type="text/javascript" src="js/jquery.dependClass.js"></script>
    <script type="text/javascript" src="js/jquery.slider-min.js"></script>
    <link href="css/jslider.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
    <link rel="stylesheet" type="text/css" href="images/skins/tango/skin.css"/>


    <link href="css/customInput.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery.customInput.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('.input_styled input').customInput();
        });
    </script>

    <script type="text/javascript" src="js/jquery.qtip.min.js"></script>
    <link href="css/jquery.qtip.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('.tooltip[title]').qtip({
                position: {
                    my: 'bottom center',
                    at: 'top center',
                    adjust: {y: -1}
                },
                style: {
                    classes: 'ui-tooltip-dark ui-tooltip-rounded'
                }
            });
        });
    </script>

    <!--[if IE 7]>
    <link href="css/ie.css" media="screen" rel="stylesheet" type="text/css">
    <![endif]-->
    <link href="custom.css" media="screen" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" language="javascript" src="js/custom.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>

<body>
<div class="body_wrap">

    <div class="header" style="background-image:url(images/header_default_2.jpg);">
        <div class="header_inner">
            <div class="container_12">

                <div class="header_top">

                    <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt=""/></a>
                        <strong>scream - 房地产</strong>
                    </div>

                    <div class="topmenu">
                        <ul class="dropdown">
                            <li class="menu-item-home"><a href="index.html"><span>主页</span></a></li>
                            <li><a href="properties-list.html"><span>房源</span></a></li>
                            <li><a href="search.html"><span>搜索</span></a></li>
                            <li><a href="contact.html"><span>联系</span></a></li>
                            <li><a href="analyse.html"><span>分析</span></a></li>
                        </ul>
                    </div>

                    <div class="header_phone">
                        <span>三峡大学</span></br>
                        <span>Scream团队</span>
                    </div>

                    <div class="clear"></div>
                </div>

                <div class="header_bot">

                    <div class="search_main">

                        <form action="#" method="post" class="form_search"/>

                        <div class="search_col_1">
                            <p class="search_title"><strong>搜索:</strong></p>

                            <div class="row">
                                <label class="label_title">高级:</label>
                                <div class="on-off"><a href="javascript:void(0)" id="search_advanced">开 &nbsp; &nbsp;&nbsp;
                                    &nbsp; 关</a></div>
                            </div>

                        </div>

                        <div class="search_col_2">
                            <div class="row rowInput">
                                <label class="label_title">城市/市镇:</label>
                                <input type="text" name="location" value=""/>
                            </div>

                            <div class="row rangeField">
                                <label class="label_title">价格范围:</label>

                                <div class="range-slider">
                                    <input id="price_range" type="text" name="price_range" value="200000;750000"/>
                                </div>

                                <div class="clear"></div>
                            </div>

                            <div class="row selectField rowHide">
                                <label class="label_title">房间数目:</label>

                                <select class="select_styled" name="search_no_beds" id="search_no_beds" title="Beds">
                                    <option value="1"/>
                                    至少1室
                                    <option value="2"/>
                                    至少2室
                                    <option value="3"/>
                                    至少3室
                                    <option value="4"/>
                                    至少4室
                                    <option value="other"/>
                                    5+室
                                </select>

                                <label class="label_title">卫生间数目:</label>
                                <select class="select_styled" name="search_no_baths" id="search_no_baths" title="Baths">
                                    <option value="1"/>
                                    至少1卫
                                    <option value="2"/>
                                    至少2卫
                                    <option value="3"/>
                                    至少3卫
                                    <option value="4"/>
                                    至少4卫
                                    <option value="other"/>
                                    5+卫
                                </select>
                            </div>

                            <div class="row rangeField rowHide">
                                <label class="label_title">平方英尺:</label>

                                <div class="range-slider">
                                    <input id="square_range" type="text" name="square_range" value="1500;4000"/>
                                </div>

                                <div class="clear"></div>
                            </div>

                        </div>
                        <div class="search_col_3">
                            <div class="row form_switch">
                                <div class="switch">
                                    <label for="switch1" class="cb-enable selected"><span>售房</span></label>
                                    <label for="switch2" class="cb-disable"><span>租房</span></label>
                                    <input type="radio" id="switch1" name="field" checked=""/>
                                    <input type="radio" id="switch2" name="field"/>
                                </div>
                            </div>
                            <div class="row submitField">
                                <input type="submit" value="Search" id="search_submit" class="btn_search"/>
                            </div>
                        </div>
                        </form>
                        <script type="text/javascript">
                            jQuery(document).ready(function ($) {

                                // Price Range Input
                                $("#price_range").slider({
                                    from: 0,
                                    to: 3000000,
                                    scale: [0, '|', '250k', '|', '500k', '|', '750k', '|', '1,25Mil', '|', '2Mil', '|', '>3Mil'],
                                    heterogeneity: ['50/750000', '75/1500000'],
                                    limits: false,
                                    step: 1000,
                                    smooth: true,
                                    dimension: '&nbsp;$',
                                    skin: "round_gold"
                                });
                                // Square Range Input
                                $("#square_range").slider({
                                    from: 0,
                                    to: 10000,
                                    scale: ['0', '1000', '2000', '3000', '5000', '7500', '>10000'],
                                    heterogeneity: ['50/3000'],
                                    limits: false,
                                    step: 100,
                                    smooth: true,
                                    skin: "round_gold"
                                });
                                // Search Advanced
                                $(".search_main").css({'overflow': 'inherit'});
                                if (!$(".search_main").hasClass("search_open")) {
                                    $(".search_main .rowHide").hide();
                                }
                                $("#search_advanced").click(function () {
                                    if ($(this).closest(".search_main").hasClass("search_open")) {
                                        $(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height: '155px'}, {
                                            queue: false,
                                            duration: 350,
                                            easing: 'easeInQuad'
                                        });
                                        $(".search_main .rowHide").slideUp(300);
                                    } else {
                                        $(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height: '300px'}, {
                                            queue: false,
                                            duration: 350,
                                            easing: 'easeOutQuad'
                                        });
                                        $(".search_main .rowHide").slideDown(300);
                                    }
                                    $(this).closest(".search_main").toggleClass("search_open");
                                });

                                // Switch Type
                                $(".cb-enable").click(function () {
                                    var parent = $(this).parents('.switch');
                                    $(parent).removeClass('switch_off');
                                    $('.cb-disable', parent).removeClass('selected');
                                    $(this).addClass('selected');

                                });
                                $(".cb-disable").click(function () {
                                    var parent = $(this).parents('.switch');
                                    $(parent).addClass('switch_off');
                                    $('.cb-enable', parent).removeClass('selected');
                                    $(this).addClass('selected');
                                });
                            });
                        </script>
                    </div>

                </div>

                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!--/ header -->
    <!--/ map before content -->
    <div class="middle">
        <div class="container_12">
            <!-- content -->
            <div class="grid_8 content">
                <div class="post-detail">
                    <h1>现在联系我们!</h1>
                    <div class="entry">
                        <p>内容待定</p>
                    </div>

                </div>
                <!--/ post details -->

                <!-- add comment -->
                <div class="add-comment contact-form" id="addcomments">

                    <div class="add-comment-title">
                        <h3>发表评论</h3>
                    </div>

                    <div class="comment-form">
                        <form action="#" method="post" id="contactForm" class="ajax_form"/>

                        <div class="row alignleft">
                            <label><strong>姓名</strong></label>
                            <input type="text" name="yourname" id="name" value=""
                                   class="inputtext input_middle required"/>
                        </div>
                        <div class="space"></div>
                        <div class="row  alignleft">
                            <label><strong>邮箱</strong> (从来没有发表)</label>
                            <input type="text" id="email" name="email" value=""
                                   class="inputtext input_middle required"/>
                        </div>
                        <div class="clear"></div>
                        <div class="row">
                            <label><strong>网址</strong></label>
                            <input type="text" name="url" id="url" value="" class="inputtext input_full"/>
                        </div>

                        <div class="row">
                            <label><strong>评论</strong></label>
                            <textarea cols="30" rows="10" name="message" id="message"
                                      class="textarea textarea_middle required"></textarea>
                        </div>

                        <input type="submit" id="send" value="SEND MESSAGE" class="btn-submit"/>
                        </form>
                    </div>
                </div>
                <!--/add comment -->
            </div>
            <!--/ content -->
            <!-- sidebar -->
            <div class="grid_4 sidebar">
                <div class="widget-container widget_contact">
                    <h3 class="widget-title">scream团队</h3>
                    <div class="inner">
                        <div class="contact-address">地点</div>
                        <div class="contact-phone"><span>电话:</span> 555-52236</div>
                        <div class="contact-mail"><span>邮件:</span> scream@companyname.com</div>
                        <div class="contact-extra"><span>下载中心:</span> 名片</div>

                        <div class="contact-social">
                            <div><strong>打电话给我们:</strong> <br/>
                                <a href="#"><img src="images/social_skype.png" width="79" height="25" alt=""/></a></div>
                            <div><strong>加入我们:</strong> <br/>
                                <a href="#"><img src="images/share_twitter.png" width="79" height="25" alt=""/></a>
                            </div>
                            <div><strong>加入我们:</strong> <br/>
                                <a href="#"><img src="images/share_facebook.png" width="88" height="25" alt=""/></a>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

                <div class="widget-container">
                    <div class="agent_phone">
                        <p><strong>三峡大学Scream团队</strong></p>
                    </div>
                </div>
            </div>
            <!--/ sidebar -->
            <div class="clear"></div>
        </div>
    </div>
</div>
<div style="display:none">
    <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>
</div>
</body>
</html>
